<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 设置首页图标 -->
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">

    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap-fileinput/4.4.6/css/fileinput.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">

    <title>数据更新</title>
</head>
<body>
    <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="/">
                <img src="images/logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
                数据更新工具
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
                <div class="navbar-nav">
                    <span class="nav-item nav-link nav-text" id="currentTime"></span>
                    <a href="#" class="nav-item nav-link" data-toggle="modal" data-target="#loginModal">
                        <img src="images/right/avatar.png" width="25" height="25" class="d-inline-block align-top rounded-circle" alt="avatar">
                    </a>
                    <!--<a href="#" class="nav-item nav-link" data-toggle="modal" data-target="#loginModal">登录</a>
                    <a href="#" class="nav-item nav-link" data-toggle="modal" data-target="#registerModal">注册</a>-->
                    <a href="#" class="nav-item nav-link" data-toggle="modal" data-target="#aboutModal">关于系统</a>
                </div>
            </div>
        </div><!-- /.container -->
    </nav>

    <!--侧边栏-->
    <div class="leftsidebar_box">
        <dl class="app">
            <dt>用户引导<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this);" href="/videodemo">视频演示</a></dd>
            <dd><a onclick="javascript:loadContent(this);" href="/textdescription">文字说明</a></dd>
        </dl>

        <dl class="system_log">
            <dt>录制引导<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/graphicdescription">图文说明</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/download">资源下载</a></dd>
        </dl>

        <dl class="cloud">
            <dt>文件上传<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/scriptfile">脚本上传</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/datafile">数据上传</a></dd>
        </dl>

        <dl class="channel">
            <dt>脚本管理<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/editchange">编辑修改</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/scriptmanagement">脚本管理</a></dd>
        </dl>

        <dl class="statistics">
            <dt>数据处理<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/fieldfilter">字段筛选</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/fieldconsolidation">字段合并</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/fieldsplit">字段拆分</a></dd>
        </dl>

        <dl class="custom">
            <dt>调度控制<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/newtask">新建任务</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/fieldmapping">字段映射</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/controlexecution">控制执行</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/resultshow">结果展示</a></dd>
        </dl>

        <dl class="source">
            <dt>个人中心<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/personalinformation">个人信息</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/feedbackcenter">反馈中心</a></dd>
        </dl>

        <dl class="syetem_management">
            <dt>系统设置<img src="images/left/select_xl01.png"></dt>
            <dd class="first_dd"><a onclick="javascript:loadContent(this)" href="/admininformation">管理员信息</a></dd>
            <dd><a onclick="javascript:loadContent(this)" href="/usermanagement">用户管理</a></dd>
        </dl>
    </div>

    <!--内容-->
    <div class="sidebar-content"></div>

    <!-- 登录 Modal -->
    <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="loginModalLabel">用户登录</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form>
                            <div class="form-group row">
                                <label for="loginUsername" class="col-2 col-form-label">账号</label>
                                <div class="col-10">
                                    <input type="text" class="form-control is-valid" id="loginUsername" name="username"
                                           placeholder="邮箱/手机" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="loginPassword" class="col-2 col-form-label">密码</label>
                                <div class="col-10">
                                    <input type="password" class="form-control is-invalid" id="loginPassword"
                                           name="password" placeholder="密码" required>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-primary">登录</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 注册 Modal -->
    <div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="registerModalLabel">用户注册</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form>
                            <div class="form-group row">
                                <label for="registerUsername" class="col-2 col-form-label">邮箱</label>
                                <div class="col-10">
                                    <input type="text" class="form-control is-valid" id="registerUsername"
                                           name="username" placeholder="邮箱号" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="registerPassword" class="col-2 col-form-label">密码</label>
                                <div class="col-10">
                                    <input type="password" class="form-control is-invalid" id="registerPassword"
                                           name="password" placeholder="密码" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="registerPassword1" class="col-2 col-form-label">确认</label>
                                <div class="col-10">
                                    <input type="password" class="form-control is-invalid" id="registerPassword1"
                                           name="password" placeholder="密码" required>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="registerPhone" class="col-2 col-form-label">手机</label>
                                <div class="col-10">
                                    <input type="text" class="form-control is-valid" id="registerPhone" name="phone"
                                           placeholder="手机号" required>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-primary">注册</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 关于系统 Modal -->
    <div class="modal fade" id="aboutModal" tabindex="-1" role="dialog" aria-labelledby="aboutModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="aboutModalLabel">关于系统</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <p class="lead text-center">为学日益  为道日损</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery/popper/bootstrap -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.13.0/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-fileinput/4.4.6/js/fileinput.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-fileinput/4.4.6/themes/fa/theme.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-fileinput/4.4.6/js/locales/zh.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>